<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>防小度机器人表情</title>
    <script src="static/js/jquery.js"></script>
    <script src="static/js/lottie.min.js"></script>
    <script rel="preload" src="static/js/d2.js"></script>

    <style>
      body {
        overflow: auto;
        background-color: black;
        overflow-x: hidden;
      }
      .biaoqing-r{
        display: flex;
        justify-content: center;
        position:relative;
        left: 0;
        top: 0;
        z-index: 10;
      }
      .biaoqing-box{
        width: 10%;
        margin: 50px;
        border: 10px solid #fff;
      }
      .bg{
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
      }
      
    </style>
</head>

<body>
    <div class="biaoqing-r r1" style="bottom: 240px;">
      <div id="biaoqing_1" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_2" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_3" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_4" class="biaoqing-box other-expression"></div>
    </div>
    <div class="biaoqing-r r2" style="bottom: 100px;">
      <div id="biaoqing_5" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_6" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_7" class="biaoqing-box smile mask"></div>
      <div id="biaoqing_8" class="biaoqing-box other-expression"></div>
      <div id="biaoqing_9" class="biaoqing-box other-expression"></div>
    </div>
    <img class="bg" src="./static/images/环形六麦克@2x.jpg" alt="">
</body>
</html>